<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../brand-font/iconfont.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/index1.css">
    <link rel="stylesheet" href="../css/login-form.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/confirm.js"></script>
    <script src="../js/login.js"></script>
    <script src="../js/header.js"></script>
    <script src="../js/cookie.js"></script>
    <script>
        $(function() {
            $('#f2-login').on('click', function() {
                if ($('#remenber')[0].checked) {
                    document.cookie = 'user=' + $('#account').val();
                    document.cookie = 'pwd=' + $('#pwd').val();
                };
            })
            if (document.cookie) {
                var arr = document.cookie.split('; ');
                arr.forEach((elm) => {
                    var item = elm.split('=');
                    switch (item[0]) { //分支情况
                        case 'user':
                            console.log(item[1]);
                            $('#account').val(item[1]);
                            if ($('#account').val() == item[1])
                                break;
                        case 'pwd':
                            console.log(item[1]);
                            $('#pwd').val(item[1]);
                            break;
                    }
                })
            }
        })
    </script>
</head>

<body>
    <div class="header">
        <div class="header-top">
            <div class="inner">
                <ul class="sm-logo">
                    <li class="gap-logo">
                        <a href="#"><i class="iconfont">&#xe6c9;</i></a>
                    </li>
                    <li class="old-logo">
                        <a href="javascript:;"><i class="iconfont">&#xe622;</i></a>

                    </li>
                </ul>
                <strong>
                    全场免运 | 正价商品退换货包邮
                    <a href="javascript:;" style="color: #fff">查看详情</a>
                </strong>
                <div class="service">
                    <span>售后服务热线 400-680-8517</span>
                    <span class="concustomer">
                        <i class="iconfont">&#xe609;</i>
                        <span>在线客服</span>
                    </span>
                </div>
            </div>
        </div>
        <div class="fixed">
            <div class="header-logo">
                <div class="inner">
                    <div class="gap"><a href="javascript:;"><i class="iconfont">&#xe6c9;</i></a>
                        <div class="login">
                            <div class="login-top">
                                <span class="reg"><i class="iconfont">&#xe604;</i>注册/登录</span>
                                <span class="shopbag"><i class="iconfont">&#xe602;</i>我的购物袋</span>
                            </div>
                            <form class="search"><input type="text" placeholder="搜索关键词"><i class="iconfont">&#xe6e8;</i></form>
                        </div>
                        <div class="login-slideUp">
                            <span><i class="iconfont">&#xe6e8;</i></span><i class="iconfont">&#xe604;</i><i class="iconfont">&#xe602;</i>
                        </div>
                    </div>
                </div>
            </div>
            <section class="nav">
                <div class="inner hei">
                    <ul>
                        <li>
                            <a href="index1.html" style="padding-left: 0;">首页</a>
                        </li>
                        <li>
                            <a href="javascript:;">新品</a>
                            <div class="subnav">
                                <ul>
                                    <li><a href="#">分类索引</a></li>
                                    <li><a href="#">女装</a></li>
                                    <li><a href="#">男装</a></li>
                                    <li><a href="#">女幼</a></li>
                                    <li><a href="#">男幼</a></li>
                                    <li><a href="#">女装</a></li>
                                    <li><a href="#">女婴</a></li>
                                    <li><a href="#">男婴</a></li>
                                    <li><a href="#">GapFit</a></li>
                                    <li><a href="#">Sale</a></li>
                                    <li><a href="#">孕妇装</a></li>
                                </ul>
                                <div>
                                    <a href="#"><img src="../img/img/index/700F0B3AB07A9B9A947939201E5DE44E.jpg" alt=""></a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="javascript:;">女装</a>
                        </li>
                        <li>
                            <a href="javascript:;">男装</a>
                        </li>
                        <li>
                            <a href="javascript:;">女孩</a>
                        </li>
                        <li>
                            <a href="javascript:;">男孩</a>
                        </li>
                        <li>
                            <a href="javascript:;">幼儿（1-5岁)</a>
                        </li>
                        <li>
                            <a href="javascript:;">婴儿（0-24个月)</a>
                        </li>
                        <li>
                            <a href="javascript:;">孕妇装</a>
                        </li>
                        <li>
                            <a href="javascript:;">GapFit</a>
                        </li>
                        <li>
                            <a href="javascript:;" style="padding-right: 0;">Sale</a>
                        </li>
                    </ul>
                </div>
            </section>
        </div>
    </div>
    <div class="loginPage">
        <div id="tabs">
            <ul>
                <li class="active">短信快捷注册/登录</li>
                <li>账号密码登录</li>
            </ul>
            <div class="show" data-type="tabs" id="f1">
                <div>新会员注册成功后，可获赠10元无门槛会员欢迎礼券及首单双倍积分！<br> *新会员欢迎礼券将在1-2日送达您的帐户
                </div>
                <form action="../php/reg.php" method="POST" class="phone-login">
                    <label for="phone">手机号</label><br>
                    <input type="text" name="phone" id="phone" placeholder="请输入手机号"><br>
                    <label for="confirm">图形验证码</label><br>
                    <input type="text" name="confirm" id="confirm" placeholder="请输入右侧图片中的验证码">
                    <span id="checkCode" class="code">获取验证码</span><br>
                    <label for="message">短信验证码</label><br>
                    <input type="text" name="message" id="message" placeholder="请输入短信验证码"><input type="button" value="发送验证码" class="send"><br>
                    <input type="submit" value="登录" id="f1-login">
                </form>

            </div>
            <div data-type="tabs" id="f2">
                <form action="../php/login.php" class="acco-login">
                    <label for="account">账号</label><br>
                    <input type="text" name="account" id="account" placeholder="请输入账号">
                    <label for="pwd">密码</label><br>
                    <input type="text" name="pwd" id="pwd" placeholder="请输入密码"><br>
                    <input type="checkbox" name="remenber" id="remenber"><label for="remenber ">记住我</label>
                    <a href="#">忘记密码</a>
                    <button type="submit" id="f2-login">登录</button>
                </form>
            </div>
            <section class="other">
                <p>第三方登录</p>
                <div><i class="iconfont">&#xe6a6;</i><i class="iconfont">&#xe675;</i></div>
            </section>
        </div>

    </div>
    <footer>
        <div class="inner footer-height">
            <div class="new ">
                <p>BE THE FIRST TO KNOW</p>
                <p>第一时间获取Gap最新资讯</p>
            </div>
            <form action=" " class="ema">
                <input type="email " name=" " id=" " placeholder="输入您的电子邮箱地址 ">
                <i class="iconfont ">&#xe696;</i>
            </form>
            <div class="focus ">
                <span>关注我们</span>
                <i class="iconfont ">&#xe6a5;</i>
                <i class="iconfont ">&#xe675;</i>
            </div>
            <div class="online ">
                <p><i class="iconfont">&#xe609;</i>在线客服</p>
                <p>服务时间:10:00-22:00</p>
            </div>
        </div>
        <div class="info inner ">
            <ul>
                <li>
                    用户支持
                </li>
                <li>
                    <a href="javascript:; ">新手上路</a>
                </li>
                <li>
                    <a href="javascript:; ">会员服务</a>
                </li>
                <li>
                    <a href="javascript:; ">退换货政策</a>
                </li>
                <li>
                    <a href="javascript:; ">支付配送</a>
                </li>
                <li>
                    <a href="javascript:; ">帮助中心</a>
                </li>

            </ul>
            <ul>
                <li>
                    关于Gap
                </li>
                <li>
                    <a href="javascript:; ">联系我们</a>
                </li>
                <li>
                    <a href="javascript:; ">隐私条款</a>
                </li>
                <li>
                    <a href="javascript:; ">加入我们</a>
                </li>
                <li>
                    <a href="javascript:; ">品牌故事</a>
                </li>

            </ul>
            <ul class="websit ">
                <li>网站咨询</li>
                <li>
                    <p>订购热线：400-690-5151</p>
                    <p>服务时间:10:00-22:00</p>
                </li>
                <li>
                    <p>售后服务热线: 400-680-8517</p>
                    <p>服务时间:10:00-19:00</p>
                </li>
            </ul>
            <div class="console ">
                <div>
                    <p>门店查询</p>
                    <img src="../img/img/index/FOOTER_store.06dde1c909439e219a92dd4dc27f63b4.jpg " alt=" " srcset=" ">
                </div>
                <h6><a href="javascript ">立即查询</a></h6>
                <div>
                    <span>门店售后电话：021-60934300</span>
                </div>
            </div>
            <div class="find-card ">
                <div class="find ">
                    <p>Gap企业服务/团购</p>
                    <h6><a href="javascript ">立即查询</a></h6>
                </div>
                <div class="card ">
                    <p>Gap礼品卡购买/激活</p>
                    <img src="../img/img/index/gift-card@2x.f1200d8e0f844dc203595f91531e6fa9.png " alt=" ">
                </div>
            </div>
            <div class="download ">
                <p>下载Gap APP</p>
                <img src="../img/img/index/qrcode@2x.10ee7de6775e788bf18eac477241d932.png " alt=" " srcset=" ">
            </div>
        </div>
        <div class="foot-script inner ">
            <p>Gap全球站点： United States|Canada|Japan|Europe</p>
            <p>沪ICP备10200002号|沪公网备31010602000818|上海工商</p>
            <p>浏览该网站表示您接收并同意我们使用cookies为您提供个性化的浏览体验。如需更改管理，请点击 <a href="javascript:; ">隐私条款</a>&nbsp; 了解详情</p>
            <p>© 2019 Gap Inc.</p>
        </div>
    </footer>
    <div class="returnTop "><a class="iconfont " href="# ">&#xe643;</a></div>
</body>

</html>